import store from '@/store'
import axios from 'axios'
// 单独引入message组件,消息提示
import { Message } from 'element-ui'
import router from '@/router'

// 封装基准路径
// axios.defaults.baseURL=''
// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})
// 响应拦截器
// 响应拦截器可以接收两个回调函数作为参数,第一个是处理成功,status==200的请求,另一个处理错误请求
service.interceptors.response.use(res => {
  // console.log(res)
  if (res.data.success) {
    // 筛选过滤请求的数据,简化代码,请求返回的数据经过拦截器后变成简化后的数据给到浏览器
    return res.data.data
  } else {
    Message.error(res.data.message)
    // 通过promise原生的reject方法,打断请求函数的.then函数
    return Promise.reject(res.data.message)
  }
}, (err) => {
  // console.dir(err)
  // token 失效情况
  if (err.response && err.response.data.code === 10002) {
    // 清理数据并退出跳转到登录页面
    store.commit('user/logout')
    router.push('/login')
  }
  Message.error('系统错误')
  return Promise.reject('系统错误')
})

// 请求拦截器,用于统一注入token
service.interceptors.request.use(config => {
  if (store.state.user.token) {
    config.headers.Authorization = 'Bearer ' + store.state.user.token
  }
  return config
})
export default service
